<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge">

<title>
  Hantsy
  
  Bai
  
  
  | projects
  
</title>
<meta name="description" content="My personal website focusing on Java EE/Jakarta EE and Spring.
">

<!-- Open Graph -->


<!-- Bootstrap & MDB -->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
  rel="stylesheet" integrity="sha512-MoRNloxbStBcD8z3M/2BmnT+rg4IsMxPkXaGh2zD6LGNNFE80W3onsAhRcMAMrSoyWL9xD7Ert0men7vR8LUZg==" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.19.1/css/mdb.min.css"
  integrity="sha512-RO38pBRxYH3SoOprtPTD86JFOclM51/XTIdEPh5j8sj4tp8jmQIx26twG52UaLi//hQldfrh7e51WzP9wuP32Q==" crossorigin="anonymous" />

<!-- Fonts & Icons -->
<link rel="stylesheet"
  href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css"
  integrity="sha512-1PKOgIY59xJ8Co8+NE6FZ+LOAZKjy+KY8iq0G4B3CyeY6wYHN3yt9PW0XpSriVlkMXe40PTKnXrLnZ9+fkDaog==" crossorigin="anonymous">
<link rel="stylesheet"
  href="https://cdnjs.cloudflare.com/ajax/libs/academicons/1.9.0/css/academicons.min.css"
  integrity="sha512-W4yqoT1+8NLkinBLBZko+dFB2ZbHsYLDdr50VElllRcNt2Q4/GSs6u71UHKxB7S6JEMCp5Ve4xjh3eGQl/HRvg==" crossorigin="anonymous">
<link rel="stylesheet" type="text/css"
  href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Roboto+Slab:100,300,400,500,700|Material+Icons">

<!-- Code Syntax Highlighting -->
<link rel="stylesheet"
  href="https://gitcdn.link/repo/jwarby/jekyll-pygments-themes/master/github.css" />

<!-- Styles -->
<link rel="shortcut icon" href="/assets/img/favicon.ico">
<link rel="stylesheet" href="/assets/css/main.css">

<link rel="canonical" href="/projects/">

<!-- JQuery -->
<!-- jQuery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" integrity="sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQYoCLtUjuuRuZo+fjqhx/qtq/1itJ0C2ejDxltZVFg==" crossorigin="anonymous"></script>


<!-- Theming-->

<script src="/assets/js/theme.js"></script>
<!-- Load DarkMode JS -->
<script src="/assets/js/dark_mode.js"></script>



<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-18SZ2W3GXD"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag() { dataLayer.push(arguments); }
  gtag('js', new Date());

  gtag('config', 'G-18SZ2W3GXD');
</script>




  
<!-- MathJax -->
<script type="text/javascript">
  window.MathJax = {
    tex: {
      tags: 'ams'
    }
  };
</script>
<script defer type="text/javascript" id="MathJax-script" src="https://cdn.jsdelivr.net/npm/mathjax@3.1.2/es5/tex-mml-chtml.js"></script>
<script defer src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>


  <link type="application/atom+xml" rel="alternate" href="/feed.xml" title="blank" />
  <!-- Begin Jekyll SEO tag v2.7.1 -->
<meta name="generator" content="Jekyll v3.9.0" />
<meta property="og:title" content="projects" />
<meta property="og:locale" content="en_US" />
<meta name="description" content="A growing collection of my personal cool stuff." />
<meta property="og:description" content="A growing collection of my personal cool stuff." />
<meta property="og:site_name" content="blank" />
<meta name="twitter:card" content="summary" />
<meta property="twitter:title" content="projects" />
<script type="application/ld+json">
{"description":"A growing collection of my personal cool stuff.","url":"/projects/","@type":"WebPage","headline":"projects","@context":"https://schema.org"}</script>
<!-- End Jekyll SEO tag -->

</head>

<body
  class="fixed-top-nav ">

  <!-- Header -->

  <header>

    <!-- Nav Bar -->
    <nav id="navbar" class="navbar navbar-light navbar-expand-sm fixed-top">
    <div class="container">
      
      <a class="navbar-brand title font-weight-lighter" href="/">
       <span class="font-weight-bold">Hantsy</span>   Bai
      </a>
      
      <!-- Navbar Toggle -->
      <button class="navbar-toggler collapsed ml-auto" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar top-bar"></span>
        <span class="icon-bar middle-bar"></span>
        <span class="icon-bar bottom-bar"></span>
      </button>
      <div class="collapse navbar-collapse text-right" id="navbarNav">
        <ul class="navbar-nav ml-auto flex-nowrap">
          <!-- About -->
          <li class="nav-item ">
            <a class="nav-link" href="/">
              about
              
            </a>
          </li>
          
          <!-- Blog -->
          <li class="nav-item ">
            <a class="nav-link" href="/blog/">
              blog
              
            </a>
          </li>
          
          <!-- Other pages -->
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          
          <li class="nav-item active">
              <a class="nav-link" href="/projects/">
                projects
                
                <span class="sr-only">(current)</span>
                
              </a>
          </li>
          
          
          
          <li class="nav-item ">
              <a class="nav-link" href="/publications/">
                publications
                
              </a>
          </li>
          
          
          
          <li class="nav-item ">
              <a class="nav-link" href="/service/">
                service
                
              </a>
          </li>
          
          
          
            <div class="toggle-container">
              <a id="light-toggle">
                  <i class="fas fa-moon"></i>
                  <i class="fas fa-sun"></i>
              </a>
            </div>
          
        </ul>
      </div>
    </div>
  </nav>

</header>


  <!-- Content -->

  <div class="container mt-5">
    <div class="post">

  <header class="post-header">
    <h1 class="post-title">projects</h1>
    <p class="post-description">A growing collection of my personal cool stuff.</p>
  </header>

  <article>
    <div class="projects">

  
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/spring-reactive-sample" target="_blank">spring-reactive-sample</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Java • <i class="fa fa-star"></i> 863 </h6>
      <p class="card-text">Spring 5 Reactive playground</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/angularjs-springmvc-sample-boot" target="_blank">angularjs-springmvc-sample-boot</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Java • <i class="fa fa-star"></i> 309 </h6>
      <p class="card-text">A RESTful sample using Spring Boot, Spring MVC, Spring Data and Angular/Bootstrap.</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/spring-webmvc-jwt-sample" target="_blank">spring-webmvc-jwt-sample</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Java • <i class="fa fa-star"></i> 298 </h6>
      <p class="card-text">Secures REST APIs with Spring Security and JWT Token based Authentication</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/angularjs-springmvc-sample" target="_blank">angularjs-springmvc-sample</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Java • <i class="fa fa-star"></i> 292 </h6>
      <p class="card-text">A RESTful sample using AnguarJS/Bootstrap as frontend and Spring MVC as REST API producer</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/spring-microservice-sample" target="_blank">spring-microservice-sample</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Java • <i class="fa fa-star"></i> 198 </h6>
      <p class="card-text">Spring Boot based Mircoservice sample</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/angular-spring-reactive-sample" target="_blank">angular-spring-reactive-sample</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">TypeScript • <i class="fa fa-star"></i> 153 </h6>
      <p class="card-text">RESTful API demos with Spring 5 WebFlux, Spring Boot 2, Spring Data Mongo, Spring Security, Spring Session and Angular 11</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/angularjs-cakephp-sample" target="_blank">angularjs-cakephp-sample</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">PHP • <i class="fa fa-star"></i> 113 </h6>
      <p class="card-text">A RESTful sample using AnguarJS/Bootstrap as frontend and CakePHP as REST API producer.</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/angularjs-grails-sample" target="_blank">angularjs-grails-sample</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">JavaScript • <i class="fa fa-star"></i> 65 </h6>
      <p class="card-text">A RESTful sample using AngularJS/Bootstrap as frontend and Grails as REST API producer</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/spring4-sandbox" target="_blank">spring4-sandbox</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Java • <i class="fa fa-star"></i> 57 </h6>
      <p class="card-text">Sample codes to demonstrate new features of Spring 4.x</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/awesome-javaee8" target="_blank">awesome-javaee8</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted"> • <i class="fa fa-star"></i> 49 </h6>
      <p class="card-text">Awesome Java EE 8 resource checklist</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/keycloak-springsecurity5-sample" target="_blank">keycloak-springsecurity5-sample</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Java • <i class="fa fa-star"></i> 47 </h6>
      <p class="card-text">Spring Security 5 OAuth2 Client/OIDC integration with Keycloak sample</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/ee8-sandbox" target="_blank">ee8-sandbox</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Java • <i class="fa fa-star"></i> 47 </h6>
      <p class="card-text">Java EE 8/Jakarta EE 8 sandbox</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/ee7-sandbox" target="_blank">ee7-sandbox</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Java • <i class="fa fa-star"></i> 40 </h6>
      <p class="card-text">Java EE 7 sandbox</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/spring-sandbox" target="_blank">spring-sandbox</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Java • <i class="fa fa-star"></i> 39 </h6>
      <p class="card-text">Spring demo application</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/spring-reactive-jwt-sample" target="_blank">spring-reactive-jwt-sample</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Java • <i class="fa fa-star"></i> 38 </h6>
      <p class="card-text">Secures REST APIs with Spring Security and JWT Token-based Authentication powered by Spring Reactive stack</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/angularjs-zf2-sample" target="_blank">angularjs-zf2-sample</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">PHP • <i class="fa fa-star"></i> 37 </h6>
      <p class="card-text">A RESTful sample using AngularJS/Bootstrap as frontend and Zend2 Framework as REST API producer</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/spring-kotlin-coroutines-sample" target="_blank">spring-kotlin-coroutines-sample</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Kotlin • <i class="fa fa-star"></i> 35 </h6>
      <p class="card-text">Spring Kotlin Coroutines sample</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/jakartaee8-starter-boilerplate" target="_blank">jakartaee8-starter-boilerplate</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Java • <i class="fa fa-star"></i> 35 </h6>
      <p class="card-text">A boilerplate project for starting a Jakarta EE 8 application in seconds</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/nestjs-sample" target="_blank">nestjs-sample</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">TypeScript • <i class="fa fa-star"></i> 30 </h6>
      <p class="card-text">NestJS RESTful APIs Sample</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/javaee8-jsf-sample" target="_blank">javaee8-jsf-sample</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Java • <i class="fa fa-star"></i> 26 </h6>
      <p class="card-text">A Java EE 8 sample application</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/javaee8-jaxrs-sample" target="_blank">javaee8-jaxrs-sample</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Java • <i class="fa fa-star"></i> 26 </h6>
      <p class="card-text">RESTful APIs Demo built with Java EE 8 and JAXRS 2.1</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/rsocket-sample" target="_blank">rsocket-sample</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Java • <i class="fa fa-star"></i> 22 </h6>
      <p class="card-text">RSocket sandbox</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/quarkus-sandbox" target="_blank">quarkus-sandbox</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Java • <i class="fa fa-star"></i> 19 </h6>
      <p class="card-text">Quarkus playground</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/spring-r2dbc-sample" target="_blank">spring-r2dbc-sample</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Java • <i class="fa fa-star"></i> 18 </h6>
      <p class="card-text">Code samples for demonstrating R2dbc and Spring Data R2dbc.</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/angular2-sample" target="_blank">angular2-sample</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">TypeScript • <i class="fa fa-star"></i> 18 </h6>
      <p class="card-text">Angular 2 sample with Angular CLI, TypeScript, Angular 2, Bootstrap 4, RxJS, JWT, Firebase/AngularFire2</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/spring-reactive-kotlin-sample" target="_blank">spring-reactive-kotlin-sample</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Kotlin • <i class="fa fa-star"></i> 17 </h6>
      <p class="card-text">Spring 5 Webflux Demo built with Kotlin.</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/ee7-jaxrs-sample" target="_blank">ee7-jaxrs-sample</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Java • <i class="fa fa-star"></i> 15 </h6>
      <p class="card-text">Building RESTful APIs with Java EE 7 and JAXRS </p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/angular-spring-rsocket-sample" target="_blank">angular-spring-rsocket-sample</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">TypeScript • <i class="fa fa-star"></i> 15 </h6>
      <p class="card-text">Demo for using Angular and Spring RSocket together</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/javaee8-by-example-gitbook" target="_blank">javaee8-by-example-gitbook</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted"> • <i class="fa fa-star"></i> 13 </h6>
      <p class="card-text">A developer's notes for Java EE 8 upgrade</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/jakartaee-faces-sample" target="_blank">jakartaee-faces-sample</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Java • <i class="fa fa-star"></i> 13 </h6>
      <p class="card-text">Jakarta EE 8 Server Faces sample</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/jakartaee9-starter-boilerplate" target="_blank">jakartaee9-starter-boilerplate</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Java • <i class="fa fa-star"></i> 12 </h6>
      <p class="card-text">Jakarta EE 9 starter boilerplate project(WIP)</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/spring-playground" target="_blank">spring-playground</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Java • <i class="fa fa-star"></i> 11 </h6>
      <p class="card-text">Code samples for tips, problem-resolving methods, patterns in Spring development</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/spring-webmvc-functional-sample" target="_blank">spring-webmvc-functional-sample</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Java • <i class="fa fa-star"></i> 9 </h6>
      <p class="card-text">Spring MVC functional sample</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/jakartaee-mvc-sample" target="_blank">jakartaee-mvc-sample</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Java • <i class="fa fa-star"></i> 9 </h6>
      <p class="card-text">Jakarta EE 8 MVC sample</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/building-restful-apis-with-springmvc-gitbook" target="_blank">building-restful-apis-with-springmvc-gitbook</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted"> • <i class="fa fa-star"></i> 8 </h6>
      <p class="card-text">Gitbook source of Building RESTful APIs with Spring MVC</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/angular-spring-websocket-sample" target="_blank">angular-spring-websocket-sample</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">TypeScript • <i class="fa fa-star"></i> 8 </h6>
      <p class="card-text">Demo for using Angular and Spring Reactive WebSocket together </p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/angular-es6-sample" target="_blank">angular-es6-sample</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">JavaScript • <i class="fa fa-star"></i> 8 </h6>
      <p class="card-text">AngularJS 1.5+ sample with ECMAScript 2015/ES6, Bootstrap 4 and Webpack</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/spring-reactive-microservice-sample" target="_blank">spring-reactive-microservice-sample</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Java • <i class="fa fa-star"></i> 7 </h6>
      <p class="card-text">Spring Microservice Demo built with Spring 5 newly introduced Reactive stack</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/spring-cloud-sample" target="_blank">spring-cloud-sample</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Java • <i class="fa fa-star"></i> 7 </h6>
      <p class="card-text">Wires up Microservice with Spring Cloud</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/java-sandbox" target="_blank">java-sandbox</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Java • <i class="fa fa-star"></i> 6 </h6>
      <p class="card-text">The sandbox for playing the new features introduced in the next generation of Java. </p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/helidon-sandbox" target="_blank">helidon-sandbox</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Java • <i class="fa fa-star"></i> 6 </h6>
      <p class="card-text">Playground of helidon framework</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/cargotracker-regapp" target="_blank">cargotracker-regapp</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Java • <i class="fa fa-star"></i> 6 </h6>
      <p class="card-text">Cargotracker RegisterApp Client written in JavaFX</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/seam3-sandbox" target="_blank">seam3-sandbox</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">HTML • <i class="fa fa-star"></i> 5 </h6>
      <p class="card-text">Seam 3 Sandbox to demostrate seam3 feature or reproduce my issues</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/devops-sandbox" target="_blank">devops-sandbox</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Shell • <i class="fa fa-star"></i> 5 </h6>
      <p class="card-text">DevOps sandbox</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/code-challenges" target="_blank">code-challenges</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Java • <i class="fa fa-star"></i> 5 </h6>
      <p class="card-text">Code challenges in learning new languages, frameworks, engineering tools, architectures, software design patterns, etc.</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/angular-spring-sse-sample" target="_blank">angular-spring-sse-sample</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">TypeScript • <i class="fa fa-star"></i> 4 </h6>
      <p class="card-text">Demo for using Angular and Spring WebFlux Server Sent Events together</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/urlshortener-kotlin" target="_blank">urlshortener-kotlin</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Kotlin • <i class="fa fa-star"></i> 3 </h6>
      <p class="card-text"></p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/click4nb" target="_blank">click4nb</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Java • <i class="fa fa-star"></i> 3 </h6>
      <p class="card-text">A NetBeans IDE plugin which provide basic support for the Apache Click framework</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/angular2-material-sample" target="_blank">angular2-material-sample</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">TypeScript • <i class="fa fa-star"></i> 3 </h6>
      <p class="card-text">Angular 2 sample with Angular CLI, Angular 2 Material etc </p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/angular-spring-book" target="_blank">angular-spring-book</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Java • <i class="fa fa-star"></i> 3 </h6>
      <p class="card-text">Fullstack development with Angular and Spring(Boot)</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/vertx-sandbox" target="_blank">vertx-sandbox</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Java • <i class="fa fa-star"></i> 2 </h6>
      <p class="card-text">Eclipse Vertx playground</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/spring-kotlin-dsl-sample" target="_blank">spring-kotlin-dsl-sample</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Kotlin • <i class="fa fa-star"></i> 2 </h6>
      <p class="card-text">Spring Kotlin DSL, Spring Fu (Jafu, Kofu) demos</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/jakartaee-jaxrs-sample" target="_blank">jakartaee-jaxrs-sample</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Java • <i class="fa fa-star"></i> 2 </h6>
      <p class="card-text">Jakarta EE 8 JAX-RS RESTful APIs Sample</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/angular2-firebase-sample" target="_blank">angular2-firebase-sample</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">TypeScript • <i class="fa fa-star"></i> 2 </h6>
      <p class="card-text">Angular 2 sample with Angular CLI, AngularFire2, Firebase etc</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/nodejs-sandbox" target="_blank">nodejs-sandbox</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">HTML • <i class="fa fa-star"></i> 1 </h6>
      <p class="card-text">NodeJS sandbox</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/contracts-git" target="_blank">contracts-git</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Groovy • <i class="fa fa-star"></i> 1 </h6>
      <p class="card-text">Contracts for https://github.com/hantsy/spring-cloud-sample/tree/master/contract-producer-rest-git</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/cargotracker" target="_blank">cargotracker</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Java • <i class="fa fa-star"></i> 1 </h6>
      <p class="card-text">Cargotracker</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/arquillian.github.com" target="_blank">arquillian.github.com</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">HTML • <i class="fa fa-star"></i> 1 </h6>
      <p class="card-text">Arquillian Web Site</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/tour-of-heroes-tests" target="_blank">tour-of-heroes-tests</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">TypeScript • <i class="fa fa-star"></i> 0 </h6>
      <p class="card-text">Test codes of the official Tour of Heroes, but based on Angular CLI.</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/struts-tutorial" target="_blank">struts-tutorial</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Java • <i class="fa fa-star"></i> 0 </h6>
      <p class="card-text">Source codes of my blog entries about Apache Struts1  written several years ago.</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/stripes-tutorial" target="_blank">stripes-tutorial</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Java • <i class="fa fa-star"></i> 0 </h6>
      <p class="card-text">Source codes of my blog entries about Stripes framework written several years ago</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/stripes-4-netbeans" target="_blank">stripes-4-netbeans</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Java • <i class="fa fa-star"></i> 0 </h6>
      <p class="card-text">Stripes webframework pluing for NetBeans IDE</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/spring-security-5-oauth-client" target="_blank">spring-security-5-oauth-client</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Java • <i class="fa fa-star"></i> 0 </h6>
      <p class="card-text"></p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/spring-payment" target="_blank">spring-payment</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted"> • <i class="fa fa-star"></i> 0 </h6>
      <p class="card-text">Copy of spring-payment project source</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/spring-conference" target="_blank">spring-conference</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Java • <i class="fa fa-star"></i> 0 </h6>
      <p class="card-text">(Deprecated)A conference and event publishing platform to demostrate Spring related technologies and RESTful architecture.</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/signup-app" target="_blank">signup-app</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Java • <i class="fa fa-star"></i> 0 </h6>
      <p class="card-text">Web application to administrate signup requests</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/seam3-report-demo" target="_blank">seam3-report-demo</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Java • <i class="fa fa-star"></i> 0 </h6>
      <p class="card-text">Demostrate how to use Seam3 reports module in Java EE 6 application.</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/seam3-mail-demo" target="_blank">seam3-mail-demo</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Java • <i class="fa fa-star"></i> 0 </h6>
      <p class="card-text">Demotrate how to use Seam3 mail module in Java EE 6 application.</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/scala-sandbox" target="_blank">scala-sandbox</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Scala • <i class="fa fa-star"></i> 0 </h6>
      <p class="card-text">Scala sandbox</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/resteasy-spring-boot" target="_blank">resteasy-spring-boot</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Java • <i class="fa fa-star"></i> 0 </h6>
      <p class="card-text">RESTEasy Spring Boot Starter</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/quarkus" target="_blank">quarkus</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Java • <i class="fa fa-star"></i> 0 </h6>
      <p class="card-text">Quarkus: Supersonic Subatomic Java. </p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/quarkiverse-freemarker" target="_blank">quarkiverse-freemarker</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted"> • <i class="fa fa-star"></i> 0 </h6>
      <p class="card-text">Quarkus Freemarker Extension</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/php-sandbox" target="_blank">php-sandbox</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">PHP • <i class="fa fa-star"></i> 0 </h6>
      <p class="card-text">PHP playground</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/nestjs-sendgrid" target="_blank">nestjs-sendgrid</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted"> • <i class="fa fa-star"></i> 0 </h6>
      <p class="card-text"></p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/nativescript-ng2-sample" target="_blank">nativescript-ng2-sample</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">TypeScript • <i class="fa fa-star"></i> 0 </h6>
      <p class="card-text">Native app sample built with NativeScript, Angular 2, TypeScript etc</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/material2" target="_blank">material2</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">TypeScript • <i class="fa fa-star"></i> 0 </h6>
      <p class="card-text">Material Design components for Angular 2</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/kotlin-sandbox" target="_blank">kotlin-sandbox</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Kotlin • <i class="fa fa-star"></i> 0 </h6>
      <p class="card-text">Kotlin playground</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/jakartaee-tutorial-examples" target="_blank">jakartaee-tutorial-examples</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Java • <i class="fa fa-star"></i> 0 </h6>
      <p class="card-text"></p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/jakartaee-tutorial" target="_blank">jakartaee-tutorial</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted"> • <i class="fa fa-star"></i> 0 </h6>
      <p class="card-text">Jakarta EE Tutorial</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/ionic2-sample" target="_blank">ionic2-sample</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">JavaScript • <i class="fa fa-star"></i> 0 </h6>
      <p class="card-text">Hybrid app sample built wtih Ionic 2, Typescript, Angular 2</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/hantsy.github.io" target="_blank">hantsy.github.io</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">HTML • <i class="fa fa-star"></i> 0 </h6>
      <p class="card-text">Personal website</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/hantsy" target="_blank">hantsy</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted"> • <i class="fa fa-star"></i> 0 </h6>
      <p class="card-text">it's me</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/Hands-On-Full-Stack-Development-with-Spring-Boot-2.0-and-Angular-8" target="_blank">Hands-On-Full-Stack-Development-with-Spring-Boot-2.0-and-Angular-8</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Java • <i class="fa fa-star"></i> 0 </h6>
      <p class="card-text">Hands-On Full Stack Development with Spring Boot 2.0 and Angular 8 by Packt Publishing</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/go-sandbox" target="_blank">go-sandbox</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Go • <i class="fa fa-star"></i> 0 </h6>
      <p class="card-text">Go playground</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/git-manual" target="_blank">git-manual</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted"> • <i class="fa fa-star"></i> 0 </h6>
      <p class="card-text"><img class="emoji" title=":boom:" alt=":boom:" src="https://github.githubassets.com/images/icons/emoji/unicode/1f4a5.png" height="20" width="20"> Git常用命令参考手册</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/data-rest-demo" target="_blank">data-rest-demo</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Java • <i class="fa fa-star"></i> 0 </h6>
      <p class="card-text">Spring Data Rest Demo</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/data-couchbase-issue" target="_blank">data-couchbase-issue</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Java • <i class="fa fa-star"></i> 0 </h6>
      <p class="card-text"></p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/cdi" target="_blank">cdi</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted"> • <i class="fa fa-star"></i> 0 </h6>
      <p class="card-text">CDI specification</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/cakephp3-sample" target="_blank">cakephp3-sample</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">PHP • <i class="fa fa-star"></i> 0 </h6>
      <p class="card-text">CakePHP3 sample project</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/arquillian-container-glassfish6" target="_blank">arquillian-container-glassfish6</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">Java • <i class="fa fa-star"></i> 0 </h6>
      <p class="card-text">GlassFish 6+ Container integrations for the Arquillian Project</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/angular-sandbox" target="_blank">angular-sandbox</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">TypeScript • <i class="fa fa-star"></i> 0 </h6>
      <p class="card-text">Angular playground for Angular 2+</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/angular-cn" target="_blank">angular-cn</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted">HTML • <i class="fa fa-star"></i> 0 </h6>
      <p class="card-text">Chinese localization of angular.io</p>
    </div>
  </div>
  
  <div class="card hoverable mt-2">
    <div class="card-body">
      <h5 class="card-title text-lowercase">
        <a href="https://github.com/hantsy/a-journey-to-microservice" target="_blank">a-journey-to-microservice</a>
      </h5>
       <h6 class="card-subtitle mb-2 text-muted"> • <i class="fa fa-star"></i> 0 </h6>
      <p class="card-text">(WIP)A journey to Microservice</p>
    </div>
  </div>
  
</div>

  </article>

</div>

  </div>

  <!-- Footer -->

  
<footer class="fixed-bottom">
  <div class="container mt-0">
    © Copyright 2021 Hantsy  Bai.
    <span class="mr-auto"></span>
    Powered by <a href="http://jekyllrb.com/" target="_blank">Jekyll</a> with <a href="https://github.com/alshedivat/al-folio">al-folio</a> theme.

    
    

  </div>
</footer>



</body>

<!-- Bootsrap & MDB scripts -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/2.4.4/umd/popper.min.js" integrity="sha512-eUQ9hGdLjBjY3F41CScH3UX+4JDSI9zXeroz7hJ+RteoCaY+GP/LDoM8AO+Pt+DRFw3nXqsjh9Zsts8hnYv8/A==" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha512-M5KW3ztuIICmVIhjSqXe01oV2bpe248gOxqmlcYrEzAvws7Pw3z6BK0iGbrwvdrUQUhi3eXgtxp5I8PDo9YfjQ==" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.19.1/js/mdb.min.js" integrity="sha512-Mug9KHKmroQFMLm93zGrjhibM2z2Obg9l6qFG2qKjXEXkMp/VDkI4uju9m4QKPjWSwQ6O2qzZEnJDEeCw0Blcw==" crossorigin="anonymous"></script>


<!-- Mansory & imagesLoaded -->
<script defer src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script>
<script defer src="https://unpkg.com/imagesloaded@4/imagesloaded.pkgd.min.js"></script>
<script defer src="/assets/js/mansory.js" type="text/javascript"></script>





<!-- Load Common JS -->
<script src="/assets/js/common.js"></script>


</html>
